section#my-projects {
    padding: 0, 30%;
}

.project,.edu-experience {
    margin: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;

}

{.project,.edu-experience} .date {
    width: 10rem;
    height: 10rem;
    border: 1px solid;
    border-radius: 50%;
    flex-shrink: 0;
    flex-grow: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-shadow: 10px 10px 15px -3px rgba(0, 0, 0, 0.09);
}

{.project,.edu-experience} .link-line {
    width: 50px;
    height: 0px;
    border-bottom:1px dashed;
    flex-shrink: 0;
    flex-grow: 0;
}

{.project,.edu-experience} .description {
    word-break:break-all;
    box-sizing: border-box;
    width: 60%;
    border: solid;
    border-width: 1px;
    border-radius: 10px;
    padding: 3%;
    box-shadow: 10px 10px 15px -3px rgba(0, 0, 0, 0.09);

}

{.project,.edu-experience} h4 {
    font-weight: bold;
    color: rgb(29, 127, 207);
}

{.project,.edu-experience} .position {
    font-weight: bold;
    margin-bottom: .7rem;
    color: rgb(241, 155, 43);
}

{.project,.edu-experience} .info {
    margin-bottom: 0;
}

{.project,.edu-experience} .info dt,dd {
    display: inline;
}

{.project,.edu-experience} .info dt {
    color: rgb(12, 68, 68);
}

{.project,.edu-experience} .info dd {
    margin-left: .5rem;
    flex-shrink: 1;
    flex-grow: 1;
}

{.project,.edu-experience} .entry {
    display: flex;
    line-height: 1.2rem;

    table-layout: fixed;   /*文字避首尾 -- 防止撑开*/
    word-wrap: break-word; /*英文单字因自动换行*/
    word-break: normal;    /*正常避头尾*/
    text-align:justify;    /*文字左右对齐*/
    text-justify: inter-ideograph;  /*用表意文本来排齐内容*/
}
{.project,.edu-experience} .info dt {
    display: inline-block;
    width: 5rem;
    text-align: justify;
    text-align-last:justify;
    flex-shrink: 0;
    flex-grow: 0;
}


{.project,.edu-experience} .info dt::after {
    content: ':';
}

